<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="../templates/commonClient.xhtml">
	<ui:define name="pageTitle">Title</ui:define>
	<ui:define name="pageHeader">Header</ui:define>

	<ui:define name="container">
	<h:body>
	<h:form>
		<div class="row section">
			<div class="col-lg-12">
				<h1 class="page-header">Créez votre compte Client</h1>
				<ol class="breadcrumb">
					<li><a href="accueil.jsf">Accueil</a></li>
					<li class="active">Création de Compte</li>
				</ol>
			</div>
			<div class=" col-lg-6 col-lg-offset-3">
				<div class="panel panel-primary">
					<div class="panel-heading">Remplir le formulaire
						d'inscription :</div>
					<div class="panel-body">
						<div class="form-group">
							<h:selectOneRadio value="#{frontBean.newClient.civilite}">
							   	<f:selectItem itemValue="M." itemLabel="M." />
							   	<f:selectItem itemValue="Mme" itemLabel="Mme" />
							   	<f:selectItem itemValue="Mlle" itemLabel="Mlle" />
							</h:selectOneRadio>
						</div>

						<div class="form-group input-group">
							<span class="input-group-addon">Nom</span> 
							<h:inputText type="text" class="form-control" value="#{frontBean.newClient.nom}"/>
						</div>
						<div class="form-group input-group">
							<span class="input-group-addon">Prénom</span>
							<h:inputText type="text" class="form-control" value="#{frontBean.newClient.prenom}"/>
						</div>
						<div class="form-group input-group">
							<span class="input-group-addon">@</span>
							<h:inputText type="text" class="form-control" value="#{frontBean.newClient.adresseMail}"/>
						</div>
						<div class="form-group input-group">
							<span class="input-group-addon">Mot de Passe</span>
							<h:inputSecret class="form-control" value="#{frontBean.newClient.mdp}"/>
						</div>
						<div class="form-group input-group">
							<span class="input-group-addon">Adresse</span>
							<h:inputText type="text" class="form-control" value="#{frontBean.newClient.adressePostale}"/>
						</div>
						<div class="form-group input-group">
							<span class="input-group-addon">N° de Tél </span>
							<h:inputText type="text" class="form-control" value="#{frontBean.newClient.numeroTel}"/>
						</div>
<!-- 						<div class="row"> -->
							<div class="col-md-6 col-md-offset-3">
								<h:commandLink class="btn btn-success btn-block" action="#{frontBean.inscription()}" value="Valider"/>
							</div>
<!-- 						</div> -->
					</div>
				</div>
			</div>
		</div>
		</h:form>
		</h:body>
	</ui:define>
	<ui:define name="body">
		<form jsfc="h:form" id="Form"></form>
	</ui:define>
</ui:composition>

</html>